/* 
    Document   : styleIndex
    Created on : 13/12/2010, 14:43:13
    Author     : Virginia
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body {
    font-family: helvetica, "Lucida Grande", Verdana, sans-serif;
    background: #FFF url("../images/bckg3.png") top left repeat-x;
    width: 800px;
    margin: 0 auto;
}

/*---- Simulando bordas arredondadas na p. do IE que não tem css3 ----*/
.bordaBox {
    /*   Conteúdo original do .bordaBox:
    *        bbackground: ttransparent; width:30%;
    *    Fim do conteúdo original
    */
    /*   Conteúdo do antigo #content   */
    background: transparent;
    width: 340px;
    color: #000066;
    text-align: center;
    margin: 0px auto auto auto;
    display: block;
    /*   Fim do conteúdo do antigo #content   */
}
.bordaBox .b1, .bordaBox .b2, .bordaBox .b3, .bordaBox .b4, .bordaBox .b1b, .bordaBox .b2b, .bordaBox .b3b, .bordaBox .b4b {
    display:block;
    overflow:hidden;
    font-size:1px;
}
.bordaBox .b1, .bordaBox .b2, .bordaBox .b3, .bordaBox .b1b, .bordaBox .b2b, .bordaBox .b3b {
    height:1px;
}
.bordaBox .b2, .bordaBox .b3, .bordaBox .b4 {
    background:#FFFFFF;
    border-left:1px solid #000;
    border-right:1px solid #000;
}
.bordaBox .b1 {
    margin:0 5px;
    background:#000;
}
.bordaBox .b2 {
    margin:0 3px;
    border-width:0 2px;
}
.bordaBox .b3 {
    margin:0 2px;
}
.bordaBox .b4 {
    height:2px; margin:0 1px;
}
.bordaBox .conteudo {
    /*   Não utilizado no momento, mas copiado para #content   */
    padding:5px;
    display:block;
    background:#FFFFFF; 
    border-left:1px solid #000;
    border-right:1px solid #000;
}
/*---- Fim da simulação de bordas redondas para IE ----*/

#content{
    /*    Novo content (copiado de .conteudo)  */
    padding:5px;
    display:block;
    background:#FFFFFF;
    border-left:1px solid #000;
    border-right:1px solid #000;
    /*    Fim do novo content (copiado de .conteudo)  */

    /*   Antigo Content (Antes da simulação de borda redonda para IE)
    * width: 340px;
    * color: #000066;
    * text-align: center;
    * background-color: #FFF;
    * margin: -40px auto 30px auto;
    * display: block;
    * border:1px solid #000066;
    * -moz-border-radius: 12px;
    */
}

h3{
    text-indent: 12px;
    color: #000066;
    margin-top: -40px;
}

#content fieldset{
    border: none;
    margin: 0px 20px 0px 20px;
}

#content fieldset label{
    font-size: 15px;
    font-weight: bold;
}

#content fieldset input{
    margin-bottom: 5px;
}

#content fieldset select{
    width: 215px;
    border: #666 solid 1px;
    margin-bottom: 5px;
}

input.button{
    font-weight: bold;
    border: 1px solid #ffffff;
    background: #3074ad;
    color: #ffffff;
    font-size: 15px;
    margin: -20px 10px 0px;
    display: inline;
    padding: 4px 8px;
    -moz-border-radius: 11px;
}

a.button2 {
    text-decoration: none;
    font-weight: bold;
    border: 2px solid #ffffff;
    background: #3074ad;
    color: #ffffff;
    font-size: 15px;
    margin: 0 10px;
    display: inline;
    padding: 4px 8px;
    -moz-border-radius: 11px;
}

a.button2:hover{
    background-color: #a3cfde;
    cursor: pointer;
}

input.button:hover{
    background-color: #a3cfde;
    cursor: pointer;
}

#footer{
    position: absolute;
    top: 498px;
    left: 0;
    right: 0;
    background: #FFF url("../images/footer.png") top left repeat-x;
}

#footer h6{
    font-size: 12px;
    color: #000066;
    text-align: center;
    padding-bottom: -5px;
    padding-top: -10px;
    margin-top: 10px;
}

.imagemUFC{
    height: 50px;
    margin-top: 10px;
}

.mensagemErro{
    color: red;
    font-size: 13px;
    margin-bottom: 10px;
    text-align: center;
}

.mensagemSucesso{
    color: blue;
    font-size: 15px;
    margin-bottom: 10px;
    text-align: center;
}

.imagemAdrs{
    margin-top: -10px;
    margin-bottom: 34px;
}

.titulo{
    font-family: helvetica;
    margin-top: 0px;
}

.linkContato{
    float: right;
    color: #FFFFFF;
    font-size: 15px;
    margin: -94px 3% 0;
    text-align: right;
    text-decoration: none;
    background: none;
    font-weight: bold;
}

.linkSobre{
    float: left;
    color: #FFFFFF;
    font-size: 15px;
    margin-top: -94px;
    margin-left: 3%;
    text-align: left;
    text-decoration: none;
    background: none;
    font-weight: bold;
}

/*---- Simulando bordas arredondadas na p. do IE que não tem css3 ----*/
.bordaBoxSobre {
    /*   Conteúdo original do .bordaBoxSobre:
    *        bbackground: ttransparent; width:30%;
    *    Fim do conteúdo original
    */
    /*   Conteúdo do antigo #content   */
    background: transparent;
    width: 780px;
    color: #000066;
    text-align: center;
    margin: -20px auto auto auto;
    display: block;
    /*   Fim do conteúdo do antigo #content   */
}
.bordaBoxSobre .b1, .bordaBoxSobre .b2, .bordaBoxSobre .b3, .bordaBoxSobre .b4, .bordaBoxSobre .b1b, .bordaBoxSobre .b2b, .bordaBoxSobre .b3b, .bordaBoxSobre .b4b {
    display:block;
    overflow:hidden;
    font-size:1px;
}
.bordaBoxSobre .b1, .bordaBoxSobre .b2, .bordaBoxSobre .b3, .bordaBoxSobre .b1b, .bordaBoxSobre .b2b, .bordaBoxSobre .b3b {
    height:1px;
}
.bordaBoxSobre .b2, .bordaBoxSobre .b3, .bordaBoxSobre .b4 {
    background:#FFFFFF;
    border-left:1px solid #000;
    border-right:1px solid #000;
}
.bordaBoxSobre .b1 {
    margin:0 5px;
    background:#000;
}
.bordaBoxSobre .b2 {
    margin:0 3px;
    border-width:0 2px;
}
.bordaBoxSobre .b3 {
    margin:0 2px;
}
.bordaBoxSobre .b4 {
    height:2px; margin:0 1px;
}
.bordaBoxSobre .conteudo {
    /*   Não utilizado no momento, mas copiado para #content   */
    padding:5px;
    display:block;
    background:#FFFFFF; 
    border-left:1px solid #000;
    border-right:1px solid #000;
}

.bordaBoxSobre fieldset p {
    text-align: justify;
    color: black;
}

.bordaBoxSobre fieldset p a{
    text-decoration: none;
}
/*---- Fim da simulação de bordas redondas para IE ----*/

.linkFim {
    float: right;
    margin-top: -10px;
}

#apoio {
    text-align: center;
}
.imagemFundacao { 
    height: 120px; }
 
.imagemSebrae {
	display: inline;
	height: 120px;
	margin-left: 5px; }